<template>
	<view class="content-header">
		<view class="jiange"></view>
		<view class="centent-body flex-column">
			<view class="centent-body-one flex-row">
				<view class="text1">收货人</view>
				<view>
					<input class="input" v-model="from.name" placeholder="姓名" placeholder-class="placeholder"/>
				</view>
			</view>
			<view class="centent-body-one flex-row">
				<view class="text1">联系电话</view>
				<view>
					<input class="input" v-model="from.mobile" placeholder="手机号码" placeholder-class="placeholder"/>
				</view>
			</view>
			<view class="centent-body-one flex-row">
				<view class="text1">所在地区</view>
				<view>
					<input class="input" v-model="from.mobile" placeholder="省、市、区" placeholder-class="placeholder"/>
				</view>
			</view>
			<view class="centent-body-sone flex-row">
				<view class="text1">详细地址</view>
				<view>
					<input class="input1" v-model="from.mobile" placeholder="省、市、区" placeholder-class="placeholder"/>
				</view>
			</view>
			<view class="cent flex-row flex-content-between">
				<view class="text2">设置为默认地址</view>
				<view class="cent-sw">
					<switch checked="true" @change="changeDefault" color="$default-button-color"/>
				</view>
			</view>
		</view>
		<mu-suspension bottom="0">
			<view class="foot">
				<view class="xia"></view>
				<view class="foot-btn">保存</view>
			</view>
		</mu-suspension>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				from:{
					name:"",
					mobile:"",
					city:"",
					address:"",
					add_info:"",
					is_default:0
				}
			}
		},
		onLoad(opt) {
			if(opt.title){
				uni.setNavigationBarTitle({
					title:opt.title
				})
			}
		},
		methods:{
			changeDefault(e){
				console.log(e);
			}
		}
	}
</script>

<style lang="scss">
	.xia{
		width: 750rpx;
		height: 10rpx;
	}
	.foot-btn{
		width: 690rpx;
		height: 80rpx;
		background: #FF7336;
		opacity: 1;
		border-radius: 40rpx;
		margin-top: 10rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
		margin-left: 30rpx;
	}
	.foot{
		width: 750rpx;
		height: 164rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 0px;
	}
	.cent{
		margin-left: 20rpx;
		margin-right: 26rpx;
	}
	.cent-sw{
		margin-top: 20rpx;
		transform:scale(0.8,0.7)
	}
	.text2{
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		margin-top: 34rpx;
		color: #333333;
		// margin-left: 20rpx;
	}
	.text1{
		width: 120rpx;
		// font-size: 28rpx;
		// font-family: PingFang SC;
		// font-weight: 400;
		// line-height: 0px;
		// color: #333333;
	}
	.input{
		margin-top: 30rpx;
		margin-left: 50rpx;
	}
	.input1{
		// margin-top: 30rpx;
		margin-left: 50rpx;
	}
	.placeholder{
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #999999;
	}
	.centent-body-one{
		width: 650rpx;
		height: 100rpx;
		margin-left: 20rpx;
		border-bottom: 2rpx solid #F4F4F4;
		line-height: 100rpx;
		>view:nth-child(1){
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333333;
		}
	}
	.centent-body-sone{
		width: 650rpx;
		height: 148rpx;
		margin-left: 20rpx;
		border-bottom: 2rpx solid #F4F4F4;
		margin-top: 30rpx;
		// line-height: 148rpx;
		>view:nth-child(1){
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333333;
		}
	}
	.centent-body{
		width: 690rpx;
		// height: 556rpx;
		background-color: #FFFFFF;
		margin-left: 30rpx;
		padding-bottom: 34rpx;
	}
	.jiange{
		width: 750rpx;
		height: 20rpx;
	}
</style>